<template lang="pug">
  Modal(v-model='visible')
    span 123
    Button(@click='closeHandler' slot='footer') 测试
    Button(@click='closeHandler' slot='footer') 测试
    Button(@click='closeHandler' slot='footer') 测试
    Button(@click='closeHandler' slot='footer') 测试
    Button(@click='closeHandler' slot='footer') 测试
    Button(@click='closeHandler' slot='footer') 测试
    Button(@click='closeHandler' slot='footer') 测试
    Button(@click='closeHandler' slot='footer') 测试
    Button(@click='closeHandler' slot='footer') 测试
</template>
<script>
export default {
  data () {
    return {
      visible: false
    }
  },
  methods: {
    show () {
      this.visible = true
    },
    closeHandler () {
      this.visible = false
      this.$emit('on-close')
    }
  }
}
</script>
